<template>
	<view class="box">
		<view class="particulars">
			<image class="img" src="../../static/image/particulars_03.jpg" mode=""></image>
			<view class="size">
				设计师楼长梁小丽
			</view>
		</view>
		<view class="bot">
			<view class="font">
				置顶聊天
				<view class="but">
					<!-- 开关按钮 -->
					<switch checked @change="switch1Change" />
					<!-- 开关按钮结束 -->
				</view>
				
			</view>
			
			<view class="font bom">
				<view class="xian">
					消息免打扰
					<view class="but">
						<!-- 开关按钮 -->
						<switch checked @change="switch1Change" />
						<!-- 开关按钮结束 -->
					</view>
				</view>
			</view>
			
			<view class="font">
				屏蔽拉黑
				<view class="but">
					<!-- 开关按钮 -->
					<switch checked @change="switch1Change" />
					<!-- 开关按钮结束 -->
				</view>
			</view>
			
		</view>
		
	</view>
</template>

<script>
	export default {
	    data() {
	        return {}
	    },
	    methods: {
	        switch1Change: function (e) {
	            console.log('switch1 发生 change 事件，携带值为', e.detail.value)
	        }
	    }
	}
</script>

<style>
	@import './../../static/style/particulars';
</style>
